<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Parts-BBa_I13602</title>
<link href='http://fonts.googleapis.com/css?family=Molengo'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alice'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet'
	type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Federo'
	rel='stylesheet' type='text/css'>

<link href="modeling.css" rel="stylesheet" type="text/css">
<link href="global.css" rel="stylesheet" type="text/css">
<link href="template2.css" rel="stylesheet" type="text/css"><!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<style type="text/css">
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a {
	color: #ffcc99
}

#contentwrapper .main .leftulcontainer #leftul #accordion .pane a:hover
	{
	color: #ff9933
}
</style>

<style type="text/css">
#banner {
	position: relative;
	left: 10%;
	width: 561px;
	height: 485px;
	border: 1px solid #666;
	overflow: hidden;
}

#banner_list img {
	border: 0px;
}

#banner_bg {
	position: absolute;
	bottom: 20px;
	background-color: #000;
	height: 44px;
	filter: Alpha(Opacity = 50);
	opacity: 0.5;
	z-index: 1000;
	cursor: pointer;
	width: 561px;
}

#banner_info {
	position: absolute;
	bottom: 20px;
	left: 5px;
	height: 44px;
	color: #fff;
	z-index: 1001;
	cursor: pointer
}

#banner_text {
	position: absolute;
	width: 120px;
	z-index: 1002;
	right: 3px;
	bottom: 3px;
}

#banner ul {
	position: absolute;
	list-style-type: none;
	filter: Alpha(Opacity = 80);
	opacity: 0.8;
	border: 1px solid #fff;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 3px;
	right: 5px;
}

#banner ul li {
	padding: 0px 8px;
	float: left;
	display: block;
	color: #FFF;
	border: #e5eaff 1px solid;
	background: #6f4f67;
	cursor: pointer
}

#banner ul li.on {
	background: #900
}

#banner_list a {
	position: absolute;
}

#banner1 {
	position: relative;
	left: 10%;
	width: 561px;
	height: 485px;
	border: 1px solid #666;
	overflow: hidden;
}

#banner_list1 img {
	border: 0px;
}

#banner_info1 {
	position: absolute;
	bottom: 20px;
	left: 5px;
	height: 44px;
	color: #fff;
	z-index: 1001;
	cursor: pointer
}

#banner1 ul {
	position: absolute;
	list-style-type: none;
	filter: Alpha(Opacity = 80);
	opacity: 0.8;
	border: 1px solid #fff;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 3px;
	right: 5px;
}

#banner1 ul li {
	padding: 0px 8px;
	float: left;
	display: block;
	color: #FFF;
	border: #e5eaff 1px solid;
	background: #6f4f67;
	cursor: pointer
}

#banner1 ul li.on {
	background: #900
}

#banner_list1 a {
	position: absolute;
}
</style>
</head>

<body>
<div class="global">
<div class="header">
<div class="bgimg"></div>
<div class="bgpart1"></div>
<div class="bgpart2"></div>
<div class="banner">
<div class="logo"><img
	src="http://2011.igem.org/wiki/images/c/c9/Logo.png" width="200"
	height="200" /></div>
<div class="title"><img
	src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603"
	height="220" /></div>
<div class="igemlogo"><a target="_blank"
	href="http://2011.igem.org"><img
	src="http://2011.igem.org/wiki/images/e/e2/Igemlogo.png" width="180"
	height="150" /></a></div>
</div>
<!--banner-->
<div class="nav">
<ul id="topnav">
	<li><a id="P_Home" href="http://zjuchina.tk/index.html">Home</a></li>

	<li><a id="P_Project"
		href="http://zjuchina.tk/Project.html">Project</a> <!--Subnav Starts Here-->


	<!--Subnav Ends Here--></li>
	<li><a id="P_Team" href="http://zjuchina.tk/Team.html">Team</a>

	</li>
	<li><a id="P_Notebook"
		href="http://zjuchina.tk/Notebook.html">Notebook</a></li>
	<li><a id="P_HumanPractice"
		href="http://zjuchina.tk/Humanpractice.html">HumanPractice</a></li>
	<li id="search">
	<div id="searchbar">

	<div>
	<form action="http://www.google.com.hk/cse" id="cse-search-box"
		target="_blank">
	<div><input type="hidden" name="cx"
		value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
		name="cof" value="FORID:10" /> <input type="hidden" name="ie"
		value="UTF-8" /> <input type="text" name="q" size="15" /> <input
		type="submit" name="sa" value="Search" /></div>
	</form>
	<script type="text/javascript"
		src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
	</div>
	</li>
</ul>
</div>
<!--navbar--> <script type="text/javascript">
   document.getElementById('P_Team').onclick=function(){
	   document.getElementById('P_Te').style.display='block'

	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_Project').onclick=function(){
	   document.getElementById('P_Pr').style.display='block'
	    document.getElementById('P_Te').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_Notebook').onclick=function(){
	   document.getElementById('P_No').style.display='block'
	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_Te').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_HumanPractice').onclick=function(){
	   document.getElementById('P_Hu').style.display='block'
	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Te').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	  
</script></div>
<!--header-->
<div id="contentwrapper">
<div class="main">
<div class="bgpart3"></div>
<div class="leftulcontainer" id="orange">
<div id="leftul" class="leftul">
<div id="accordion">


<h4 id="try">Biofilm</h4>

<div class="pane"><a
	href="http://zjuchina.tk/Project.html">Background</a> <a
	href="http://zjuchina.tk/bio-Design.html">Design</a> <a
	href="http://zjuchina.tk/bio-modeling.html">Modeling</a> <a
	href="http://zjuchina.tk/bio-results.html">Results</a></div>

<h4>Rainbofilm</h4>

<div class="pane"><a
	href="http://zjuchina.tk/rainbo-Background.html">Background</a>
<a href="http://zjuchina.tk/rainbo-Design.html">Design</a> <a
	href="http://zjuchina.tk/rainbo-modeling-v1.html">Modeling</a> <a
	href="http://zjuchina.tk/rainbo-Results.html">Results</a></div>

<h4>Sugarfilm</h4>

<div class="pane"><a
	href="http://zjuchina.tk/Sugar-background.html">Background</a> <a
	href="http://zjuchina.tk/Sugar-Design.html">Design</a> <a
	href="http://zjuchina.tk/Sugar-Modeling.html">Modeling</a></div>
<h4 class="current">Parts</h4>

<div class="pane"><a
	href="http://zjuchina.tk/BBa_I13602.html">BBa_I13602</a> <a
	href="http://zjuchina.tk/BBa_K561000.html">BBa_K561000</a> <a
	href="http://zjuchina.tk/BBa_K561002.html">BBa_K561002</a></div>
<h4>Achievements</h4>

<div class="pane" style="display: block;"><a
	href="http://zjuchina.tk/Achievements.html">Achievements</a></div>
<h4>Tools</h4>

<div class="pane"><a href="http://zjuchina.tk/Tools.html">Tools</a>
</div>

<script> 
$(function() { 
 
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
});
</script> <!-- Navigation scroll follow --> <script type="text/javascript">
        $(window).scroll(function () { 
            var scrollPos = $(window).scrollTop();
            if (scrollPos > 330) {
                $(".leftul").addClass("stickToTop");
            } else {
                $(".leftul").removeClass("stickToTop");
            }
     
        });
    </script></div>
<!--accordion--></div>
<!--leftul--></div>
<!--leftulcontainer-->

<div class="rightcontainer">
<div id="styleA" class="frame">
<div id="orange">

<h1>Achievements</h1>
<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Acknowledgement</h1>
</div>
</div>
</div>
<div id="framecontent">
<p>ZJU iGEM would like to thank the following organizations and
people for their support to our team<br />
Prof WU Min from ZJU Life Science Department for his kind help for us to
apply for funding<br />
<br />
Mr DING Ming from Biology Lab Center for his ﬂawless maintenance of the
413 lab in<br />
which all our research took place<br />
RUAN Zhangxia for her beautiful artwork that gave life to our APP<br />
<br />
Mr ZHANG Shelong from the public platform of ZJU life science department
and SHEN Minhong, a graduate student from Prof ZHOU Tianhua's lab, for
helping us to use laser<br />
confocal<br />
<br />
XU Xiaofeng, a graduate student from Prof LUO Chen's lab, for helping to
use frozen<br />
tissue slicing machine<br />
<br />
Dr CAI Yizhi for his enlightening lecture and encouragement<br />
All Chinese iGEM teams for their sharing during the China meet-up.<br />
<br />
Peking U and SJTU-BioX-Shanghai iGEM team for their advice and
encouragement,<br />
and SJTU, Qinghua, Fudan for ﬁlling our human practice survey.<br />
And ALL members of ZJU Synthetic Biology Club members for your
passionate<br />
participation and brilliant ideas during brainstorm!</p>
</div>
<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Attribution and Contribution</h1>
</div>
</div>
</div>
<div id="framecontent">
<p>About all the work of our projects has been done by undergraduate
students. Here are their code names at work. Flower=HUA Yijie;
Xiaotong=YAO Xiaotong; Loli=HU Chenyue; GeGe=XIA Yu; Kunkun=XI Yakun;
Little Leaf=LI Ye; Mari=MA Lie; Little TianTian=TIAN Luyi; Little
QingQing=SUN Xiangqing; Marker=MA Keyue; Pidan=PI Ruoxi; Antelope=XU<br />
Chenling; Celow=CHEN Xinlei</p>
</div>
<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Parts Design:</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Our parts are designed by Flower, and Antelope contributed by
changing the anaerobic promoter.</p>
</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Parts Assembly</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Pidan, Marker, GeGe, Little Leaf were mainly in charge of the
parts assembly. Mari, Antelope and Xiaotong also contributed.</p>
</div>


<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Parts Characterization</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>This is a particular tedious job of which Pidan and Marker are
mainly in charge of. Flower and Mari have also undertaken a large amount
of work. Data has been analyzed by Marker and Loli.</p>
</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Bioﬁlm Formation</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Antelope has designed the silicon tube and bubbling bioﬁlm
formation system and Flower the cell culture plate method. Observation
including frozen slicing and microscopic measurement have been done by
Antelope, Pidan and Xiaotong. Bioﬁlm Stratiﬁcation Flower, Antelope and
Mari evaluated the bioﬁlm stratiﬁcation by laser confocal. Loli analyzed
the data using matlab. Sub-project: Cellulose degradation Parts Design:
These parts are designed by Marker and Little Leaf. Parts Assembly:
Little Leaf and GeGe have assembled parts concerning cellulose
degradation.</p>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Modeling</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Kunkun is in full charge of the modeling work. Many team members
helped him in clarifying the biological background.Website Little
Tiantian and Little QingQing have put together our beautiful webpage!</p>

</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>App</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Loli designed the game. Celow and Little QingQing did the coding.
RUAN Zhangxia did the design.</p>

</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Tools</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Loli designed the tool (as well) and wrote the matlab tool. Celow
wrote the excel tool.</p>

</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Novel</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>With inspiration from Kunkun, Antelope wrote this novel and GeGe
has drawn the illustrations.</p>

</div>

<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Funding</h1>
</div>
</div>
</div>

<div id="framecontent">
<p>Loli and Marker designed a survey and wrote a funding analysis
and guide for future teams.</p>

<script type="text/javascript">
	var t = n = 0, count;
	$(document).ready(function(){	
		count=$("#banner_list1 a").length;
		$("#banner_list1 a:not(:first-child)").hide();
		$("#banner_info1").html($("#banner_list1 a:first-child").find("img").attr('alt'));
		$("#banner_info1").click(function(){window.open($("#banner_list1 a:first-child").attr('href'), "_blank")});
		$("#banner1 li").click(function() {
			var k = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
			n = k;
			if (k >= count) return;
			$("#banner_info1").html($("#banner_list1 a").eq(k).find("img").attr('alt'));
			$("#banner_info1").unbind().click(function(){window.open($("#banner_list1 a").eq(k).attr('href'), "_blank")})
			$("#banner_list1 a").filter(":visible").fadeOut(500).parent().children().eq(k).fadeIn(1000);
			document.getElementById("banner1").style.background="";
			$(this).toggleClass("on");
			$(this).siblings().removeAttr("class");
		});
		
	})
	
	
</script></div>
<!--framecontent--><!--rightnav--></div>
<!--framecontent--> <!--rightnav--></div>
<!--orange--></div>
<!--frame--></div>
<!--rightcontainer-->
<p style="clear: both"></p>
</div>
<!--main-->
<p style="clear: both"></p>
<div class="footer" id="footer"><a href="http://2011.igem.org/">
iGem 2011 Home Page</a> <a href="http://ung.igem.org/Special:Upload/">
Upload Files</a> <a
	href="http://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit
CSS</a> <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a> <a
	href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a></div>
</div>
<!--contentwrapper-->
</div>
</body>
</html>

